<template>
  <div class="hello">
<carousel></carousel>
  <one v-if="ua"></one>
    <ua v-else></ua>
  </div>
</template>

<script>
  import Carousel from './page/Carousel'
  import one from './page/one'
  import ua from  './page/uaone'
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      ua:true

    }
  },mounted(){
    document.title='首页';
    if(navigator.userAgent.match(/(iPhone|iPod|Android|ios)/i)){
      console.log(111);
      this.ua=false;
    }else {
      console.log(222);

    }
  },
  components:{
    Carousel,
    one,
    ua
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>

</style>
